<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <%- include src/pages/common/styles.html -%>
  
  <title>合同信息</title>
</head>
<body class="<%= htmlWebpackPlugin.options.data.tplConfig.bodyClass || '' %>">
  <%- include src/pages/common/header.html -%>

  <div class="content order-detail">
    <div class="main-container">

      <div class="contract-board">
        <div class="contract__manager">
          <h6 class="title">客户经理</h6>
          <p class="desc">
            <i class="icon icon--manager"></i>邓涛
          </p>
          <p class="desc">
            <i class="icon icon--telephone"></i>15822320235
          </p>
        </div>
        <div class="contract__status contract__status--signing">
          <div class="status__head">贷款订单状态</div>
          <div class="status__img">
            <img src="<%= require('images/signing.png') %>" alt="待签署">
            <!-- <img src="<%= require('images/resign.png') %>" alt="重新签署"> -->
            <!-- <img src="<%= require('images/lending.png') %>" alt="待放款"> -->
            <!-- <img src="<%= require('images/refunding.png') %>" alt="还款中"> -->
            <!-- <img src="<%= require('images/closeout.png') %>" alt="已结清"> -->
          </div>
          <div class="status__desc">借款合同待签署</div>
        </div>
        <div class="contract__info">
          <ul class="info__list">
            <li>
              <label class="info__label">申请编号：</label>
              <p class="info__content">OL1239201212030045</p>
            </li>
            <li>
              <label class="info__label">申请提交时间：</label>
              <p class="info__content">2018-05-31 16:49</p>
            </li>
            <li>
              <label class="info__label">借款合同：</label>
              <p class="info__content"><a href class="badge">下载合同</a></p>
              <!-- <p class="info__content"><a href class="badge disabled">下载合同</a></p> -->
            </li>
            <li>
              <label class="info__label">借款合同编号：</label>
              <p class="info__content">L-VST-60-20180428-0004</p>
            </li>
            <li>
              <label class="info__label">签署时间：</label>
              <p class="info__content">2018-06-01  16:49</p>
            </li>
          </ul>
        </div>
      </div>

      <ul class="flatabs">
        <li class="flatab"><a href="/build/pages/order/basicinfo.html">基本信息</a></li>
        <li class="flatab"><a href="/build/pages/order/product-interest.html">产品及利率</a></li>
        <li class="flatab active"><a href="javascript: void(0)">合同信息</a></li>
      </ul>

      <div class="tab-content">
        <div class="mb-40">
          <div class="linehead"><h3>关联合同</h3></div>
          <table class="table table-striped">
            <thead>
              <tr>
                <th>序号</th>
                <th>合同类型</th>
                <th>合同编号</th>
                <th>电子合同生成日期</th>
                <th>合同状态</th>
                <th>签署人</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>借款合同</td>
                <td>L-VST-60-20180428-0003</td>
                <td>2018-03-03 18:25</td>
                <td><span class="text-danger">待签署</span></td>
                <td>赵笑笑</td>
                <td><a class="btn btn-primary btn-sm">签署</a></td>
              </tr>
              <tr>
                <td>2</td>
                <td>借款合同</td>
                <td>L-VST-60-20180428-0003</td>
                <td>2018-03-03 18:25</td>
                <td><span class="text-danger">待签署</span></td>
                <td>李瘦瘦</td>
                <td><a class="btn btn-primary btn-sm">签署</a></td>
              </tr>
              <tr>
                <td>2</td>
                <td>借款合同</td>
                <td>L-VST-60-20180428-0003</td>
                <td>2018-03-03 18:25</td>
                <td><span class="text-danger">待签署</span></td>
                <td>张哈哈</td>
                <td><a class="btn btn-primary btn-sm">签署</a></td>
              </tr>
              <tr>
                <td>4</td>
                <td>借款合同</td>
                <td>L-VST-60-20180428-0003</td>
                <td>2018-03-03 18:25</td>
                <td><span class="text-danger">待签署</span></td>
                <td>陈笑笑</td>
                <td><a class="btn btn-primary btn-sm">签署</a></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>

    </div>
  </div>

  <%- include src/pages/common/footer.html -%>
  <%- include src/pages/common/scripts.html -%>
</body>
</html>